<template>
  <div class="drafts">
    <div class="drafts-all">
      <ul>
        <li>
          <h4 class="h3">
            题目asddddddddddddddddddddddddddddddddddddddddddddd
          </h4>
        </li>
        <li class="asd">
          <span class="time">
            2015-08-09
          </span>
          <el-button size="mini">删除</el-button>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {

}
</script>

<style lang="scss" scoped>
  .drafts-all {
    width: 400px;
    background-color: #fff;
    border-radius: 5px;
    padding: 5px;
    user-select: none;
    cursor: pointer;
  }
  .h3{
    width: 300px;
    height: 25px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: rgb(82, 82, 82);
  }
  .h3:hover{
    color: orange;
  }
  .asd{
    text-align: end;
  }
  .time{
    color: rgb(211, 211, 211);
  }
</style>